import React, { useState } from 'react'
import { ResultPage, Card, Input, Button } from 'antd-mobile'
import { useNavigate } from 'react-router-dom'
import styles from './home.module.css'
function Index() {
   
    const nav = useNavigate()
    return (
        <div>
            <ResultPage
                status=''
                title=''
                description=''
            >
                <ResultPage.Card style={{ padding: 8 }}>
                    <div className={styles.box}>
                        <span onClick={()=>nav('/city/start')}>北京</span>
                        <span onClick={()=>nav('/city/end')}>上海</span>
                    </div>
                    <Button type='submit' block color='primary'>搜索</Button>
                </ResultPage.Card>

                <Card style={{ height: 128, marginTop: 12 }}>搭配 Card 使用</Card>
            </ResultPage>
        </div>
    )
}

export default Index